<template>
	<swiper :autoplay="3000" class="detail-swiper">
		<swiper-item v-for="(item, i) in topImages" :key="i" >
			<img :src="item" />
		</swiper-item>
	</swiper>
</template>

<script>
	import {Swiper, SwiperItem} from 'components/common/swiper'
	export default{
		name: "DetailSwiper",
		props: {
			topImages: {
				type: Array,
				default(){
					return []
				}
			}
		},
		components: {
			Swiper,
			SwiperItem
		},
	}
</script>

<style scoped>
	.detail-swiper{
		height: 300px;
		width: auto;
		overflow: hidden;
		
	}
</style>
